<template>
  <user-content>
    <template v-slot:header>
      <span class="iconfont icon-lianxis" style="color: #d42619"></span>
      我的练习
    </template>
    <template v-slot:content>
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="常规练习" name="RegularExercise"></el-tab-pane>
        <el-tab-pane label="强化练习" name="IntensifyExercise"></el-tab-pane>
      </el-tabs>
      <component :is="activeName" />
      <Exercising />
      <Classify />
    </template>
  </user-content>
</template>
<script>
export default {
  components: {
    RegularExercise: () => import('./RegularExercise.vue'),
    IntensifyExercise: () => import('./IntensifyExercise.vue'),
    //练习弹窗
    Exercising: () => import('./Exercising.vue'),
    //收藏弹窗
    Classify: () => import('../Question/Classify.vue'),
  },
  data() {
    return {
      activeName: 'RegularExercise',
    }
  },
  methods: {},
}
</script>